@each $dis in 0, 4, 6, 8, 10, 12, 16, 20, 22, 24, 36, 30, 32, 40, 48, 56, 60, 64, 68,
  72, 78, 82, 90, 210
{
  @each $cls, $attr in (p, padding), (pl, padding-left), (pt, padding-top),
    (pr, padding-right), (pb, padding-bottom), (m, margin), (ml, margin-left),
    (mb, margin-bottom), (mt, margin-top), (mr, margin-right)
  {
    .#{$cls}#{$dis} {
      #{$attr}: #{$dis}px;
    }
  }
}

.need-y-scroll-content{
  overflow-y: auto;
  &::-webkit-scrollbar {
    width: 4px;
  }
  &::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background: rgba(12, 117, 127, 0.8) !important;
  }
  &::-webkit-scrollbar-track {
    background: transparent;
  }
}
.need-y-scroll-content-wrap{
  height: 100%;
  padding-right: 4px;
}


